OpenFisca Windows 10 Docker + wsl2 Ubuntuで開発環境構築メモ

経緯

Dev Containerを使うことで開発環境構築を簡単にして全員が同じ環境で開発できるようにしたい

WindowのDockerでdevcontainerを使うと改行コードが狂う

GitHub Codespacesが有効になるまでにはかなり時間が掛かる

前提

環境はWindow 10（11でも可）

Windows Updateをする

以下は2022/7/30時点で最新までWindows Updateした場合の情報

VSCodeはインストール済み

Visual Studio Codeをセットアップする

GitHubアカウントは作成済み

GitHubのアカウントを作る

Docker for Desktopはインストール済み

Dockerのセットアップ

システム情報の確認（省略可）

code:powershell

systeminfo

code:txt

OS 名: Microsoft Windows 10 Pro

OS バージョン: 10.0.19044 N/A ビルド 19044

システムの種類: x64-based PC

プロセッサ: 1 プロセッサインストール済みです。

01: AMD64 Family 23 Model 113 Stepping 0 AuthenticAMD ~3593 Mhz

Hyper-V の要件: ハイパーバイザーが検出されました。Hyper-V に必要な機能は表示されません。

Windowsでwsl2とUbuntuをインストールする

PowerShellでwslをインストールする

WSL のインストール | Microsoft Docs

「スタートメニュー」→「pow」と入力して「Windows PowerShell」を探す→右クリックして「管理者として実行」

（最新のWindow 10ならデフォルトでwsl2でUbuntuがインストールされるはず）

code:powershell

wsl --install

ここでヘルプテキストが表示される場合

code:powershell

wsl --install -d Ubuntu

wsl1をインストールしてしまっている場合

code:powershell

# 確かめる

wsl -l -v

# wsl2をデフォルトにする

wsl --set-default-version 2

# Ubuntuを使っている場合、変換する

wsl --set-version Ubuntu 2

# Ubuntuを使っていない場合、一旦消して再インストールする

wsl --unregister Ubuntu

wsl --install -d Ubuntu

再起動が必要なので再起動する

再起動完了するとUbuntuの黒い画面が開く

ユーザー名とパスワードを決めて入力する

そのまま黒い画面でDockerの動作確認

code:bash

docker -v

エラーメッセージが表示されなければOK

gitのセットアップ

（yuisekiやyuiseki@gmail.comは自分のユーザー名、メールアドレスに置き換えてください）

code:bash

git config --global user.name 'yuiseki'

git config --global user.email 'yuiseki@gmail.com'

Ubuntuの黒い画面は以下のコマンドで閉じる

code:bash

exit

VSCodeでWSLに接続する

VSCodeを起動

「リモートエクスプローラー」→「WSL ターゲット」→「Ubuntu」→「WSLへの接続」

https://gyazo.com/9178c740ffd3d477e8c483327d70b246

「リモートエクスプローラー」ボタンはこれ

https://gyazo.com/6ebe7fd74ca0bf3d456d6b4748136cd1

https://gyazo.com/d7e465abcb9550ab4920a3239447c6f9

「WSLへの接続」ボタンはこれ

VSCodeで、GitHubアカウントへサインインする

https://gyazo.com/a939fbbaa6ee92608b6113397408505e

「Clone Repository」をクリック

https://gyazo.com/599790fb2565bb9bd1820e34404c4097

「Clone from GitHub」をクリック

https://gyazo.com/ff100d03a75ece477fc135bcdf104fc1

「openfisca-yuisekin」と入力して自分がForkしたリポジトリを探してクリックする

https://gyazo.com/efe74b2f195c2a34ca5849d443948dda

「OK」をクリックする

画面の右下に「Would you like to open the cloned repository?」と表示されるはずなので「OK」をクリックする

画面の右下になんか表示されるはずなので、「Reopen in Container」をクリックする

https://gyazo.com/39dc8a5c76a5680fbd23ab53e5bcbfc1

しばらく待たされる

動作確認

「ターミナル」→「新しいターミナル」

code:bash

make